<!-- 事件绑定 -->
<template>
  <div>
    <!-- 绑定单击事件，单击时执行 m1 方法 -->
    <div><input type="button" value="+1" v-on:click="m1" /></div>
    <!-- 简化写法，单击时执行 m2 方法 -->
    <div><input type="button" value="-1" @click="m2" /></div>
    <!-- 文本插值 -->
    <div>{{ count }}</div>
  </div>
</template>
<script>
const options = {
  // 为模版提供数据
  data: function () {
    return { count: 0 };
  },
  // 为模版提供可调用的方法
  methods: {
    m1() {
      // this代表的是data函数返回的对象
      this.count++;
    },
    m2() {
      this.count--;
    },
  },
};
export default options;
</script>